<!DOCTYPE html>
<html>
<head>
    <title>联培教育 G10 TEACHER</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="../Content/base.css">
    <link rel="stylesheet" type="text/css" href="../Content/personal.css">
    <link rel="stylesheet" type="text/css" href="../Content/login_edit.css">
    <link rel="stylesheet" type="text/css" href="../Content/resume.css">
    <script src="../Scripts/jquery-1.10.2.min.js"></script>

    <script src="../Scripts/WdatePicker/WdatePicker.js"></script>
    <script src="../Scripts/Tools.js"></script>
    <script type="text/javascript" src="../Scripts/main.js"></script>
    <script src="../Scripts/tConfirm.js"></script>

    <link rel="stylesheet" type="text/css" href="../Content/tConfirm.css">
    
    <script type="text/javascript">
        function ChangeClass(obj) {
            $(".pageTag", ".personalmenu").each(function (i) {
                if (this == obj) {
                    $(obj).addClass("active");
                }
                else {
                    $(this).removeClass("active");
                }
            });

        }
    </script>
</head>
<body>

    <div class="wrap">
        <div class="header">
            <div class="top">
                <div class="inner">
                    <dl class="social">
                        
                        <dd>官方微博：<a href="" class="wb"></a></dd>
                        <dd>微信公众号：<a href="" class="wx"></a></dd>
                        <dd>全国服务热线：021-52588866</dd>
                    </dl>
                    <div class="user">
                            <!--登录后-->
                            <a href="Login.html" class="tologin">123，您好</a>
                            <div class="myorder">
                                <div class="haveafter">
                                    <span>个人中心</span>
                                    <ul class="downbox">
                                        <li class="active"><a href="../Resume/account_info.html">履历表</a></li>
                                        <li><a href="../Personal/ethics.html">档案袋</a></li>
                                        <li><a href="../Order/index.html">我的订单</a></li>
                                        <li><a href="#">我的收藏</a></li>
                                    </ul>
                                </div>
                                <a href="#">进入考试</a>
                            </div>
                            <a href="../Account/LogOff" class="tologout">退出</a>
                    </div>
                </div>
            </div>
            <div class="nav">
                <div class="inner">
                    <div class="logo">
                        <a href="../"><img src="../Content/images/logo.png" /></a>
                    </div>
                    <ul class="menu">
                        <li><a href="../g10.qa.html">首页</a></li>
                        <li>
                            师资认证
                            <ul>
                                <li><a href="../home/about.html">认证简介</a></li>
                                <li><a href="../home/target.html">认证目标</a></li>
                                <li><a href="../home/guide.html">考试说明</a></li>
                            </ul>
                        </li>
                        <li>
                            我要考试
                            <ul>
                                <li> <a href="../Product/Index.html">我要考试</a> </li>
                                <li> <a href="#" onclick="GoToTest()">模拟考试</a> </li>
                            </ul>
                        </li>
                        <li><a href="../Legalize/index.html">我要认证</a></li>
                        <li>
                            培训晋升
                            <ul>
                                <li><a href="../internship/index.html">就业机会</a></li>
                                <li><a href="../employmenttraining/index.html">就业培训</a></li>
                            </ul>
                        </li>
                        <li><a href="../home/parner.html">机构合作</a></li>
                        <li><a href="../home/faq.html">联系我们</a></li>
                    </ul>
                </div>
            </div>
            <div class="banner">
                <div class="bannerbg">
                    <img src="../Content/images/banner.jpg" />
                </div>
            </div>
            <div class="location">
                <div class="inner">
                    <a href="#">个人中心</a>

                    <ul class="personalmenu">
                        <li>
                            <a href="account_info.html" class="pageTag active" id="mycar" onclick="ChangeClass(this)">履历表</a>
                        </li>
                        <li>
                            <a href="../Personal/ethics.html" class="pageTag" id="mycar" onclick="ChangeClass(this)">档案袋</a>
                        </li>
                        <li>
                            <a href="../Order/index.html" class="pageTag" id="myorder" onclick="ChangeClass(this)">我的订单</a>
                        </li>
                        <li>
                            <a href="#" class="pageTag" id="mycar" onclick="ChangeClass(this)">我的收藏夹</a>
                        </li>
                    </ul>
                </div>
            </div>

        </div>

        <section>
            <script src="../Scripts/MvcPager.js"></script>
            <script src="../Scripts/jquery.unobtrusive-ajax.min.js"></script>

            <div class="container">
                
                <div class="resume-list clearfix">
                    <!-- 左侧导航栏 -->
                    <div class="resume-subnav">
                        <ul>
                            <li class="active">
                                <a href="Account_info.html">
                                    <p><img src="../Content/images/resume1_on.png" alt=""></p>
                                    <p>账号信息</p>
                                </a>
                            </li>
                            <li>
                                <a href="profile_info.html">
                                    <p><img src="../Content/images/resume2.png" alt=""></p>
                                    <p>基本信息</p>
                                </a>
                            </li>
                            <li>
                                <a href="educational.html">
                                    <p><img src="../Content/images/resume3.png" alt=""></p>
                                    <p>教育背景</p>
                                </a>
                            </li>
                            <li>
                                <a href="experience.html">
                                    <p><img src="../Content/images/resume4.png" alt=""></p>
                                    <p>授课经验</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="resume-account">
                        <p class="account-info-item acount-title">填写账号管理信息</p>
                        <div class="bottom-line"></div>
                        <p class="account-info-item">
                            <span class="title-txt">登录账号：</span>
                            <span class="title-input full-span">你好，124</span>
                        </p>
                        <div class="bottom-line"></div>
                        <p class="account-info-item account-password">
                            <span class="title-txt">账号密码：</span>
                            <span class="title-input full-span">******</span>
                            <button type="button" class="edit-account-info" id="editPassword">修改</button>
                        </p>
                        <div class="editAcountPass loginAndReg">
                            <p class="userPassword haveTipIcon">
                                <span class="title-txt">账号密码：</span>
                                <span class="icon"><i></i></span>
                                <label>
                                    <input class="changeInput" data-val="true" data-val-required="密码 字段是必需的。" id="User_Pass" name="User_Pass" placeholder="请设置登录密码" type="password">
                                    <em class="clean"></em>
                                    <em class="clear"></em>
                                    <em class="emptyVal">
                                        <span class="tipTxt">不能为空</span>
                                        <span class="tipIcon"></span>
                                    </em>
                                </label>
                            </p>
                            <p class="confirmPassword haveTipIcon">
                                <span class="title-txt">确认密码：</span>
                                <span class="icon"><i></i></span>
                                <label>
                                    <input class="changeInput" data-val="true" data-val-required="确认密码 字段是必需的。" id="Confirm_Pass" name="Confirm_Pass" placeholder="请确认密码" type="password">
                                    <em class="clean"></em>
                                    <em class="clear"></em>
                                    <em class="emptyVal">
                                        <span class="tipTxt">不能为空</span>
                                        <span class="tipIcon"></span>
                                    </em>
                                </label>
                            </p>
                            <button type="button" class="edit-account-info" id="confirmEdit">确认修改</button>
                        </div>
                        <div class="bottom-line"></div>
                        <p class="account-info-item account-email">
                            <span class="title-txt">邮箱账号：</span>
                            <span class="title-input full-span">nihao@163.com</span>
                            <button type="button" class="edit-account-info" id="editEmail">修改</button>
                            <p>
                        <div class="bottom-line"></div>
                        <p class="account-info-item account-phone">
                            <span class="title-txt">手机号码：</span>
                            <span class="title-input empty-span">尚未填写</span>
                            <button type="button" class="edit-account-info" id="editPhone">修改</button>
                        </p>
                        <div class="bottom-line"></div>
                    </div>
                    
                </div>

            </div>

        </section>

        <div class="footer">
            <div class="inner">
                <ul>
                    <li><span class="zl"></span>权威认证体系</li>
                    <li><span class="sz"></span>强大师资力量</li>
                    <li><span class="zz"></span>多阶专业培训</li>
                    <li><span class="xq"></span>最具前瞻性的职业通道</li>
                </ul>
            </div>
            <div class="bottom">
                <div class="inner">
                    <div class="about">
                        <h6>G10 teacher</h6>
                        <p>G10Teacher师享汇由国内20+顶尖教育培训机构联合发起，为K12行业教师提供师资认证、师资培训及师资就业服务， 致力于建立教育培训行业认证标准、提升培训机构师资能力、打造教育培训卓越品牌，从而成为“中国最大的K12行业师资认证与输出平台”。</p>
                    </div>
                    <div class="as">
                        <h2>021-54105871</h2>
                        <span>周一至周五 9:00-18:00</span>
                    </div>
                </div>
            </div>
            <div class="siteinfo">
                <div class="inner">
                    <img src="../Content/images/infologo.png" />
                    <span>
                        上海联培教育科技有限公司&nbsp;&nbsp;&nbsp;沪ICP备17013313号
                    </span>
                    <img src="../Content/images/info1.gif" />
                    <img src="../Content/images/info2.gif" />
                    <img src="../Content/images/info3.gif" />
                </div>
            </div>
        </div>
    </div>
    

    <!-- 修改手机号 -->
    <div class="layer-edit layer-phone">
        <div class="layer-mask"></div>
        <div class="layer-container layer-phone-edit loginAndReg">
            <div class="close">&times;</div>
            <div class="title">修改手机号</div>
            <div class="text">
                <p>系统已经发送了一条短信到您的手机中</p>
                <p>请查看验证码，并输入完成修改</p>
            </div>
            <div class="registerPhone haveTipIcon" style="display: block;">
                <p class="identifyingCode">
                    <label>
                        <input type="text" id="verificationCode" placeholder="请输入验证码" maxlength="4">
                        <em class="clean"></em>
                        <em class="clear"></em>
                        <em class="emptyVal">
                            <span class="tipTxt">不能为空</span>
                            <span class="tipIcon"></span>
                        </em>
                    </label>
                    <button class="getCode getCodeEdit" type="button" id="btnGetCheckNum">获取验证码</button>
                </p>
                <p class="userPhone">
                    <span class="icon"><i></i></span>
                    <label>
                        <input class="changeInput" data-val="true" data-val-required="手机号 字段是必需的。" id="User_Phone" name="User_Phone" placeholder="请输入手机号" type="tel">
                        <em class="clean"></em>
                        <em class="clear"></em>
                        <em class="emptyVal">
                            <span class="tipTxt">不能为空</span>
                            <span class="tipIcon"></span>
                        </em>
                    </label>
                </p>
                <button type="submit" class="loginBtn" id="editPhoneNext">下一步</button>
            </div>
        </div>
        <div class="layer-container layer-phone-confirm loginAndReg">
            <div class="close">&times;</div>
            <div class="title">修改手机号</div>
            <div class="registerPhone haveTipIcon" style="display: block;">
                <p class="userPhone">
                    <span class="icon"><i></i></span>
                    <label>
                        <input class="changeInput" id="editPhone_Sure" readonly="readonly" placeholder="请输入手机号" type="tel" value="13786542341">
                    </label>
                </p>
                <div class="text">
                    <p>系统已经发送了一条短信到您的新手机中</p>
                    <p>请查看验证码，并输入完成修改</p>
                </div>
                <p class="identifyingCode haveTipIcon">
                    <label>
                        <input type="text" id="verificationCode_phone" placeholder="请输入验证码" maxlength="4">
                        <em class="clean"></em>
                        <em class="clear"></em>
                        <em class="emptyVal">
                            <span class="tipTxt">不能为空</span>
                            <span class="tipIcon"></span>
                        </em>
                    </label>
                    <button class="getCode getCodeEdit" type="button" id="btnGetCheckNum_phone">获取验证码</button>
                </p>
                <button type="submit" class="loginBtn" id="editPhoneSuer">确认修改>></button>
            </div>
        </div>
    </div>

    <!-- 修改邮箱号 -->
    <div class="layer-edit layer-email">
        <div class="layer-mask"></div>
        <div class="layer-container layer-email-edit loginAndReg">
            <div class="close">&times;</div>
            <div class="title">修改邮箱</div>
            <div class="text">
                <p>系统已经发送了一封邮件到您的邮箱中</p>
                <p>请登录邮箱查看验证码，并输入完成修改</p>
            </div>
            <div class="registerPhone haveTipIcon" style="display: block;">
                <p class="identifyingCode">
                    <label>
                        <input type="text" id="verificationCode_email" placeholder="请输入验证码" maxlength="4">
                        <em class="clean"></em>
                        <em class="clear"></em>
                        <em class="emptyVal">
                            <span class="tipTxt">不能为空</span>
                            <span class="tipIcon"></span>
                        </em>
                    </label>
                    <button class="getCode getCodeEdit" type="button" id="btnGetCheckNum_emailEdit">获取验证码</button>
                </p>
                <p class="userEmail">
                    <span class="icon"><i></i></span>
                    <label>
                        <input class="changeInput" data-val="true" data-val-required="邮箱 字段是必需的。" id="User_Email" name="User_Email" placeholder="请输入邮箱号码" type="tel">
                        <em class="clean"></em>
                        <em class="clear"></em>
                        <em class="emptyVal">
                            <span class="tipTxt">不能为空</span>
                            <span class="tipIcon"></span>
                        </em>
                    </label>
                </p>
                <button type="submit" class="loginBtn" id="editEmailNext">下一步</button>
            </div>
        </div>
        <div class="layer-container layer-email-confirm loginAndReg">
            <div class="close">&times;</div>
            <div class="title">修改邮箱</div>
            <div class="registerPhone haveTipIcon" style="display: block;">
                <p class="userEmail">
                    <span class="icon"><i></i></span>
                    <label>
                        <input class="changeInput" id="editEmail_Sure" readonly="readonly" placeholder="请输入手机号" type="tel" value="">
                    </label>
                </p>
                <div class="text">
                    <p>系统已经发送了一封邮件到您的邮箱中</p>
                    <p>请登录邮箱查看验证码，并输入完成修改</p>
                </div>
                <button type="submit" class="loginBtn" id="editEmailSuer">登录邮箱并确认修改>></button>
            </div>
        </div>
    </div>

</body>
</html>

<script>
    $(document).ready(function() {
        $(".haveafter").hover(function(){
            $(this).addClass('visited');
        },function(){
            $(this).removeClass('visited');
        });

        //点击 密码修改
        $("body").on('click','#editPassword',function(){
            $(".account-password").hide();
            $(".editAcountPass ").show();
        });

        //input得到焦点
        function tipStatuSet(event){
            $(event).parents("label").siblings("span").css('background-color','#189fdb');
            $(event).css('border-color','#189fdb');
            var inputVal = $.trim($(event).val());
            if(inputVal==''){
                $(event).parents('label').find(".emptyVal").hide();
                $(event).parents('label').find(".clean").hide();
                $(event).parents("label").find(".clear").hide();
            }else{
                $(event).parents('label').find(".emptyVal").hide();
                $(event).parents('label').find(".clean").hide();
                $(event).parents('label').find(".clear").show();
            }
        };

        // input框失去焦点
        function outlineColorChange(event){
            if($.trim($(event).val())){
                $(event).parents("label").siblings("span").css('background-color','#189fdb');
                $(event).css('border-color','#189fdb');
                $(event).parents("label").find(".clean").show();
                $(event).parents("label").find(".emptyVal").hide();
                $(event).parents("label").find(".clear").hide();
            }else{
                $(event).parents("label").siblings("span").css('background-color','#dcdcdc');
                $(event).css('border-color','#dcdcdc');
                $(event).parents("label").find(".emptyVal").show();
                $(event).parents("label").find(".clean").hide();
                $(event).parents("label").find(".clear").hide();
                
            }
        };

        // 密码
        $("#User_Pass").focus(function(){
            tipStatuSet($(this));
        });
        $("#User_Pass").blur(function(){
            outlineColorChange($(this));
        });

        // 确认密码
        $("#Confirm_Pass").focus(function(){
            tipStatuSet($(this));
        });
        $("#Confirm_Pass").blur(function(){
            outlineColorChange($(this));
        });

        // 点击input框的删除按钮
        $("body").on("mousedown","em.clear",function(){
            $(this).parents("label").find("input").val('');
            $(this).parents("label").find("input").focus();
            return false;
        });

        //点击登录按钮正确提示
        function tipTrueSet(event){
            $(event).find(".emptyVal").hide();
            $(event).find(".clean").show();

        };

        // 点击登录按钮错误提示
        function tipFalseSet(event){
            $(event).find(".emptyVal").show();
            $(event).find(".clean").hide();
        };

        // 点击密码的确认修改按钮
        $("body").on('click','#confirmEdit',function(){
            var passVal = $("#User_Pass").val();
            var confirmVal = $("#Confirm_Pass").val();
            // 密码
            if(passVal==''){
                tipFalseSet($(".userPassword"));
                return false;
            }else if(confirmVal==''){
                tipFalseSet($(".confirmPassword"));
                return false;
            }else{
                tipTrueSet($(".userPassword"));
                tipTrueSet($(".confirmPassword"));
                $(".editAcountPass").hide();
                $(".account-password").show();
                // $(".account-password").find(".title-input").text($("#User_Pass").val());
            }
        });

        // 修改手机号
        $("#editPhone").click(function(){
            $(".layer-edit.layer-phone").fadeIn(); 
            $(".layer-phone-edit").show();
            $(".layer-phone-confirm").hide();
            countdown=60;
            settime($("#btnGetCheckNum"));
        });
        // 点击弹框关闭按钮
        $(".close").click(function(){
            $(this).parents(".layer-edit").fadeOut();
        });
        $(".layer-mask").click(function(){
            $(this).parents(".layer-edit").fadeOut();
        });
        // 必填手机号码验证
        function isPoneAvailable($poneInput) {  
            var myreg=/^(((1[2-9]{1}))+\d{9})$/;
            $poneInput = $poneInput.replace(/\s|\xA0/g,"");
            if (!myreg.test($poneInput)) {  
                return false;  
            } else {  
                return true;  
            }  
        };
        // 必填邮箱号码验证
        function isEmail($emailInput) {  
            var myreg= /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/; 
            $emailInput = $emailInput.replace(/\s|\xA0/g,"");
            if (!myreg.test($emailInput)) {  
                return false;  
            } else {  
                return true;  
            }  
        };

        // 手机号
        $("#User_Phone").focus(function(){
            tipStatuSet($(this));
        });
        $("#User_Phone").blur(function(){
            var $poneInput = $(this).val();
            if(!isPoneAvailable($poneInput)){
                $(".userPhone").find(".emptyVal").show();
                $(".userPhone").find(".emptyVal").find(".tipTxt").text("请输入正确的手机号");
                $(this).parents("label").siblings("span").css('background-color','#dcdcdc');
                $(this).css('border-color','#dcdcdc');
                return false;
            }else{
                outlineColorChange($(this));
            }
        });

        // 获取手机验证码
        var countdown = 60;
        function settime(event) {
            if (countdown == 0) {
                $(event).removeAttr("disabled");
                $(event).removeClass("againSet");
                $(event).addClass("getCode");
                $(event).css("background", "#00CE9B");
                $(event).html("获取验证码");
                countdown = 60;
            } else {
                $(event).attr("disabled", true);
                $(event).removeClass("getCode");
                $(event).addClass("againSet");
                $(event).css("background", "#d9d9d9");
                $(event).html("(" + countdown + 's'+")重新发送");
                countdown--;
                setTimeout(function () {
                    settime($(event));
                }, 1000);
            }
        };
        $("body").on('click','#btnGetCheckNum',function(){
            countdown=60;
            settime($("#btnGetCheckNum")); 
        });

        // 验证码
        $("#verificationCode").focus(function(){
            tipStatuSet($(this));
        });
        $("#verificationCode").blur(function(){
            outlineColorChange($(this));
        });

        // 修改手机点击下一步
        $("body").on('click','#editPhoneNext',function(){
            var phoneVal = $("#User_Phone").val();
            var codeVal = $("#verificationCode").val();
            if(codeVal==''){
                tipFalseSet($(".identifyingCode"));
                return false;
            }else if(!isPoneAvailable(phoneVal)){
                // 验证手机号
                $(".userPhone").find(".emptyVal").show();
                $(".userPhone").find(".emptyVal").find(".tipTxt").text("请输入正确的手机号");
                $(this).parents("label").siblings("span").css('background-color','#dcdcdc');
                $(this).css('border-color','#dcdcdc');
                return false;
            }else{
                $(this).parents(".layer-container ").fadeOut();
                $(this).parents(".layer-container ").siblings(".layer-container").fadeIn();
                $("#editPhone_Sure").val($("#User_Phone").val());
                outlineColorChange($(this));
            }
        });

        // 确认修改手机号
        $("#verificationCode_phone").focus(function(){
            tipStatuSet($(this));
        });
        $("#verificationCode_phone").blur(function(){
            outlineColorChange($(this));
        });

        $("body").on('click','#btnGetCheckNum_phone',function(){
            countdown=60;
            settime($("#btnGetCheckNum_phone")); 
        });
        // 点击确认修改手机按钮
        $("body").on('click','#editPhoneSuer',function(){
            var phoneCodeVal = $("#verificationCode_phone").val();
            if(phoneCodeVal==''){
                tipFalseSet($(".userPassword"));
                return false;
            }else{
                $(this).parents(".layer-edit").fadeOut();
                $(".account-phone").find(".title-input").text($("#editPhone_Sure").val());
                $(".account-phone").find(".title-input").removeClass("empty-span");
            }
        });

        // 修改邮箱号码
        $("#editEmail").click(function(){
            $(".layer-edit.layer-email").fadeIn(); 
            $(".layer-email-edit").show();
            $(".layer-email-confirm").hide();
            countdown=60;
            settime($("#btnGetCheckNum_emailEdit"));
        });

        // 邮箱
        $("#User_Email").focus(function(){
            tipStatuSet($(this));
        });
        $("#User_Email").blur(function(){
            var $emailInput = $(this).val();
            if(!isEmail($emailInput)){
                $(".userEmail").find(".emptyVal").show();
                $(".userEmail").find(".emptyVal").find(".tipTxt").text("请输入正确的邮箱号");
                $(this).parents("label").siblings("span").css('background-color','#dcdcdc');
                $(this).css('border-color','#dcdcdc');
                return false;
            }else{
                outlineColorChange($(this));
            }
        });

        // 验证码
        $("#verificationCode_email").focus(function(){
            tipStatuSet($(this));
        });
        $("#verificationCode_email").blur(function(){
            outlineColorChange($(this));
        });

        $("body").on('click','#btnGetCheckNum_emailEdit',function(){
            countdown=60;
            settime($("#btnGetCheckNum_emailEdit")); 
        });
        // 修改邮箱点击下一步
        $("body").on('click','#editEmailNext',function(){
            var emailVal = $("#User_Email").val();
            var codeVal = $("#verificationCode_email").val();
            if(codeVal==''){
                tipFalseSet($(".identifyingCode"));
                return false;
            }else if(!isEmail(emailVal)){
                // 验证邮箱
                $(".userEmail").find(".emptyVal").show();
                $(".userEmail").find(".emptyVal").find(".tipTxt").text("请输入正确的邮箱号");
                $(this).parents("label").siblings("span").css('background-color','#dcdcdc');
                $(this).css('border-color','#dcdcdc');
                return false;
            }else{
                $(this).parents(".layer-container ").fadeOut();
                $(this).parents(".layer-container ").siblings(".layer-container").fadeIn();
                $("#editEmail_Sure").val($("#User_Email").val());
                outlineColorChange($(this));
            }
        });

        // 点击确认修改邮箱按钮
        $("body").on('click','#editEmailSuer',function(){
            $(this).parents(".layer-edit").fadeOut();
            $(".account-email").find(".title-input").text($("#editEmail_Sure").val());
            $(".account-email").find(".title-input").removeClass("empty-span");
        });

    });
</script>

<script>
    function GoToTest() {
        debugger;
        $.ajax({
            type: "post",
            dataType: 'json',
            url: "/Account/OpenURLToXueWu",
            cache: false,
            success: function (result) {
                if (result.IsLogin) {
                    window.open(result.url);
                }
                else {
                    //Info("提示！", "必须登录系统后才能使用模拟考试功能！");
                    window.location.href = "/Account/Login?returnUrl=/Home/Index";
                }
            },
            error: function (textStatus, errorThrown) {
                window.open("G10teacher.com");
            }
        });
    }
    function GoTest() {
        window.open("/Account/Login?returnUrl=/Home/Index");
    }
</script>